<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <h3>污染城市列表</h3>
  <ul id="aqi-list">
    <!--   
      <li>第一名：福州（样例），10</li>
        <li>第二名：福州（样例），10</li> -->
  </ul>
  
  <script type="text/javascript">
    var aqiData = [
      ["北京", 90],
      ["上海", 50],
      ["福州", 10],
      ["广州", 50],
      ["成都", 90],
      ["西安", 100]
    ];

    (function () {

      /*
      在注释下方编写代码
      遍历读取aqiData中各个城市的数据
      将空气质量指数大于60的城市显示到aqi-list的列表中
      */
      var aqiList = document.getElementById("aqi-list");
      var aqiArray = [];
      var cnArray = ["一", "二", "三", "四", "五", "六"];
      //大于60的放进数组并排序
      for (var i=0;i<aqiData.length;i++) {
        if (aqiData[i][1] >= 60) {
          aqiArray.push(aqiData[i])
        }
        aqiArray.sort(function(a,b) {
          return b[1] - a[1];
        })
      }
      // 遍历创建节点
      for (var i=0;i<aqiArray.length;i++) {
        var li = document.createElement('li');
        li.innerHTML = "第" + cnArray[i] + '名:' + aqiArray[i];
        aqiList.append(li);
      }
    })();
  </script>
</body>
</html>